<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta http-equiv="Content-Language" content="zh-cn" >
    <meta name ="viewport" content ="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no,minimal-ui">
    <title>Document</title>
    <link rel="stylesheet" href="/build/css/comment_02.css">
    <script src="//cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="/js/checkIE.js"></script>
    <!--[if lt IE 8]>
    <script src="/js/ie7fix.js"></script>
    <script src="/js/json2.js"></script>
    <![endif]-->
</head>
<body>
    <div class="whtv-content">
        <div class="jw-wrap">
            <div id="jw-user">
                <div id="loginout" style="display:none;" class="">
                    <div class="model-content">
                        <span>您确定退出吗？</span>
                    </div>
                    <div class="model-footer">
                        <button type="button" class="Abtn btn-blue model-submit">确定</button>
                        <button type="button" class="Abtn btn-default model-cancel">取消</button>
                    </div>
                </div>
                <div class="info">您还未登录</div>
                <a href="javascript:void(0)" onclick="login()" data-status="0">登录</a>
            </div>
            <div id="comment-part" class="comment-part" style="display: block">
                <!--登录-->
                <div class="login-model">
                    <div class="login-content">
                        <input id="username" type="text" placeholder="请输入您的昵称" maxlength="10" />
                    </div>
                    <div class="login-error"></div>
                    <div class="control clear">
                        <a class="btn btn-primary" onclick="addUser()">确定</a>
                        <a class="btn btn-cancel" onclick="hidelogin(this)">取消</a>
                    </div>
                </div>
                <textarea id="comment-box" class="comment-box" rows="3" placeholder="文明上网，不传谣言，登录评论！" maxlength="140"></textarea>
                <script>
                    /*字数限制*/
                   /* $("#comment-box").on("input propertychange", function() {
                        var $this = $(this),
                            _val = $this.val(),
                            count = "";
                        if (_val.length > 100) {
                            $this.val(_val.substring(0, 100));
                        }
                    });  */
                </script>
                <div class="comment-nav">
                    <a href="javascript:void(0)" class="show-face">
                        <i></i>
                        <span>添加表情</span>
                    </a>
                    <div class="error">评论不能为空</div>
                    <a href="javascript:void(0)" class="reply-comment" data-status="0" onclick="reply(this)">
                        <span>发表评论</span>
                    </a>
                </div>
                <div class="close" style="display:none"></div>
                <div class="face-wrap">
                    <div class="face-arrow-up"></div>
                    <ul class="face-list">
                        <li class="face-list-item" data-code="[/流汗]">
                            <span class="face-item face09"></span>
                        </li>
                        <li class="face-list-item" data-code="[/大哭]">
                            <span class="face-item face13"></span>
                        </li>
                        <li class="face-list-item" data-code="[/发怒]">
                            <span class="face-item face03"></span>
                        </li>
                        <li class="face-list-item" data-code="[/鼓掌]">
                            <span class="face-item face02"></span>
                        </li>
                        <li class="face-list-item" data-code="[/给力]">
                            <span class="face-item face05"></span>
                        </li>
                        <li class="face-list-item" data-code="[/闭嘴]">
                            <span class="face-item face17"></span>
                        </li>
                        <li class="face-list-item" data-code="[/憨笑]">
                            <span class="face-item face06"></span>
                        </li>
                        <li class="face-list-item" data-code="[/色]">
                            <span class="face-item face04"></span>
                        </li>
                        <li class="face-list-item" data-code="[/强]">
                            <span class="face-item face10"></span>
                        </li>
                        <li class="face-list-item" data-code="[/弱]">
                            <span class="face-item face11"></span>
                        </li>
                        <li class="face-list-item" data-code="[/鄙视]">
                            <span class="face-item face15"></span>
                        </li>
                        <li class="face-list-item" data-code="[/可爱]">
                            <span class="face-item face07"></span>
                        </li>
                        <li class="face-list-item" data-code="[/惊讶]">
                            <span class="face-item face19"></span>
                        </li>
                        <li class="face-list-item" data-code="[/疑问]">
                            <span class="face-item face14"></span>
                        </li>
                        <li class="face-list-item" data-code="[/抓狂]">
                            <span class="face-item face08"></span>
                        </li>
                        <li class="face-list-item" data-code="[/浮云]">
                            <span class="face-item face20"></span>
                        </li>
                        <li class="face-list-item" data-code="[/可怜]">
                            <span class="face-item face18"></span>
                        </li>
                        <li class="face-list-item" data-code="[/玫瑰]">
                            <span class="face-item face12"></span>
                        </li>
                        <li class="face-list-item" data-code="[/钱]">
                            <span class="face-item face16"></span>
                        </li>
                        <li class="face-list-item" data-code="[/握手]">
                            <span class="face-item face22"></span>
                        </li>
                        <li class="face-list-item" data-code="[/拳头]">
                            <span class="face-item face23"></span>
                        </li>
                        <li class="face-list-item" data-code="[/酒]">
                            <span class="face-item face24"></span>
                        </li>
                        <li class="face-list-item" data-code="[/奋斗]">
                            <span class="face-item face01"></span>
                        </li>
                        <li class="face-list-item" data-code="[/打酱油]">
                            <span class="face-item face21"></span>
                        </li>
                    </ul>
                </div>
                <div class="comlen"><span class="comin">0</span>/<span class="comsum"></span></div>
            </div>
            <div class="noter">最新评论</div>
            <div id="jw-comment">
                <p class="c-footer" >还没有评论，来抢沙发吧</p>
                <div id="reply-noter" style="display:none"><span>回复本楼</span></div>
            </div>
            <div class="loading" style="display:block">
                <i class="jw-load" aria-hidden="true"></i>
                <span class="loading-text">查看下10条评论</span>
            </div>
        </div>
    </div>

<!--评论模组-->
<div id="jw-comment-model" style="display: none">
    <!--评论-->
    <div class="comment-item">
        <div class="comment-pic">
            <img src="/img/jianwei.png" width="60px" height="60px" alt="">
        </div>
        <div class="comment-wrap">
            <ul class="comment-header">
                <li class="comment-name">
                </li>
                <li class="comment-time">
                    <span class="time-date"></span><span class="time-hour"></span>
                </li>
                <li class="comment-action">
                    <!--<a href="javascript:void(0);" data-id=""><i class="comment-icon comment-heart"></i><span class="up-text">0</span></a>-->
                    <a><i class="comment-icon comment-reply"></i><span class="reply">回复</span></a>
                </li>
            </ul>
            <div class="comment-content">
                <p class="comment-text">
                </p>
            </div>
        </div>
        <div class="clr"></div>
    </div>
    <!--楼层-->
    <div class="floor">
        <div class="floor-item">
            <div class="floor-header">
                <span class="floor-name">
                    
                </span>
                <span class="floor-count">
                    <span class="count">1</span>
                </span>
            </div>
            <div class="floor-content">
                <p class="floor-text">
                    
                </p>
            </div>
        </div>
    </div>
    <!--楼层隐藏-->
    <div class="floor-item show-floor">
        <a href="javascript:void(0)">查看全部楼层</a>
    </div>
    <!--评论回复框-->
    <div class="comment-part" style="display: none">
        <textarea class="comment-box" rows="3" placeholder="文明上网，不传谣言，登录评论！" maxlength="140"></textarea>
        <div class="comment-nav">
            <a href="javascript:void(0)" class="show-face">
                <i></i>
                <span>添加表情</span>
            </a>
            <div class="error">评论不能为空</div>
            <a href="javascript:void(0)" class="reply-comment" onclick="reply(this)">
                <span>发表评论</span>
            </a>
        </div>
        <div class="close" style="display:none"></div>
        <div class="face-wrap">
        <ul class="face-list">
            <li class="face-list-item" data-code="[/流汗]">
                <span class="face-item face09"></span>
            </li>
            <li class="face-list-item" data-code="[/大哭]">
                <span class="face-item face13"></span>
            </li>
            <li class="face-list-item" data-code="[/发怒]">
                <span class="face-item face03"></span>
            </li>
            <li class="face-list-item" data-code="[/鼓掌]">
                <span class="face-item face02"></span>
            </li>
            <li class="face-list-item" data-code="[/给力]">
                <span class="face-item face05"></span>
            </li>
            <li class="face-list-item" data-code="[/闭嘴]">
                <span class="face-item face17"></span>
            </li>
            <li class="face-list-item" data-code="[/憨笑]">
                <span class="face-item face06"></span>
            </li>
            <li class="face-list-item" data-code="[/色]">
                <span class="face-item face04"></span>
            </li>
            <li class="face-list-item" data-code="[/强]">
                <span class="face-item face10"></span>
            </li>
            <li class="face-list-item" data-code="[/弱]">
                <span class="face-item face11"></span>
            </li>
            <li class="face-list-item" data-code="[/鄙视]">
                <span class="face-item face15"></span>
            </li>
            <li class="face-list-item" data-code="[/可爱]">
                <span class="face-item face07"></span>
            </li>
            <li class="face-list-item" data-code="[/惊讶]">
                <span class="face-item face19"></span>
            </li>
            <li class="face-list-item" data-code="[/疑问]">
                <span class="face-item face14"></span>
            </li>
            <li class="face-list-item" data-code="[/抓狂]">
                <span class="face-item face08"></span>
            </li>
            <li class="face-list-item" data-code="[/浮云]">
                <span class="face-item face20"></span>
            </li>
            <li class="face-list-item" data-code="[/可怜]">
                <span class="face-item face18"></span>
            </li>
            <li class="face-list-item" data-code="[/玫瑰]">
                <span class="face-item face12"></span>
            </li>
            <li class="face-list-item" data-code="[/钱]">
                <span class="face-item face16"></span>
            </li>
            <li class="face-list-item" data-code="[/握手]">
                <span class="face-item face22"></span>
            </li>
            <li class="face-list-item" data-code="[/拳头]">
                <span class="face-item face23"></span>
            </li>
            <li class="face-list-item" data-code="[/酒]">
                <span class="face-item face24"></span>
            </li>
            <li class="face-list-item" data-code="[/奋斗]">
                <span class="face-item face01"></span>
            </li>
            <li class="face-list-item" data-code="[/打酱油]">
                <span class="face-item face21"></span>
            </li>
        </ul>
        <div class="clr"></div>
        </div>
        <div class="comlen"><span class="comin">0</span>/<span class="comsum"></span></div>
</div>
</div>

<!--评论buffer-->
<div id="jw-comment-buffer" style="display: none"></div>

<!--弹幕-->
<div id="jw-barrage-modal">
    <ul>
    </ul>
</div>

<!--iframeScrollHeight-->
<!--<input id="parentHeight" type="text" value='' style="display:none">-->

<input id="iframeInfo" type="text" value='' style="display:none">

<div id="mask" unselectable="on"></div>

<script type="text/javascript">
    var userObj={};

    var group_id = '{$all["group_id"]}';
    var page = 1;
    var webSocket;

    //全局评论
    var pageComments = [];
    // 评论滚动条
    var scrollCtrl;

    // 视频高度
    var viewH;

</script>
<script src="/js/comment.js"></script>
<iframe id="des_iframe" src="http://www.whtv.com.cn/jianweisupport/jianweiAgent.html"  height="0" width="0" frameBorder="0" style="border:0"></iframe>
</body>
</html>